<template>
    <div>

        <el-carousel height="600px">
            <el-carousel-item v-for="item in 3" :key="item">
            </el-carousel-item>
        </el-carousel>

        <div class="p1">
            <i class="促销图标"></i>
        </div>
        <div class="p2">
            <i class="促销图标"></i>
        </div>
        <div class="p3">
            <i class="促销图标"></i>
        </div>
        <div class="p4">
            <i class="促销图标"></i>
        </div>
    </div>



</template>

<script>
    export default {
        name: "vip",
        data() {
            return {

            };
        },
        methods: {

        }
    };
</script>

<style scoped>
    .el-carousel__item {
        background-image: url("../../views/children/image/1.jpg");
    }
    .el-carousel__item:nth-last-child(3) {
        background-image: url("../../views/children/image/2.jpg");
    }
    .el-carousel__item:nth-last-child(2) {
        background-image: url("../../views/children/image/3.jpg");
    }
    .p1{
        background-image: url("../../views/children/image/b1.png");
        width: 100%;
        height: 491px;
    }
    .p2{
        background-image: url("../../views/children/image/b2.png");
        width: 100%;
        height: 584px;
    }
    .p3{
        background-image: url("../../views/children/image/b3.png");
        width: 100%;
        height: 570px;
    }
    .p4{
        background-image: url("../../views/children/image/b4.png");
        width: 100%;
        height: 304px;
    }


</style>
